.depart-doc {
  //padding: 0 5px 30px;
  //.col-md-3 {
  //  padding: 0 10px;
  //}
  > h4 {
    margin-bottom: 12px;
  }
  &__card {
    border: solid 1px #E4E4E4;
    padding: 14px 18px;
    border-radius: 4px;
    transition: all .1s linear;
    margin-bottom: 20px;
    min-height: 124px;
    &:hover {
      .depart-doc__title {
        color: #fff!important;
        i {
          color: #a9a1a2;
        }
      }
      .depart-doc__item {
        color: #fff;
      }
    }
  }
  &__title {
    padding-bottom: 14px;
    border-bottom: #efefef solid 1px;
    i {
      float: right;
      color: #b5b5b5;
    }
  }
  &__list {
    text-align: left!important;
  }
  &__item {
    display: inline-block;
    margin-top: 12px;
    color: #6f6f6f;
    &:hover {
      opacity: 0.8;
    }
    a {
      color: inherit;
    }
  }
}

.depart-doc.red {
  .depart-doc {
    &__title {
      color: #8e3843;
    }
    &__card:hover {
      background-color: #8e3843;
    }
  }
}

.depart-doc.green {
  .depart-doc {
    &__title {
      color: #01a992;
    }
    &__card:hover {
      background-color: #01a992;
    }
  }
}
.depart-doc.yellow {
  .depart-doc {
    &__title {
      color: #d3b195;
    }
    &__card:hover {
      background-color: #d3b195;
    }
  }
}
.depart-doc.orange {
  .depart-doc {
    &__title {
      color: #eb8060;
    }
    &__card:hover {
      background-color: #eb8060;
    }
  }
}


